.musicdetail{
    // height: 100%;
    // width: 3.500rem;
    .locationBtn {
        width: 0.8rem;
        height: 0.3rem;
        background-color: rgba($color: #000000, $alpha: 0.3);
        position: fixed;
        border-radius: 0.15rem;
        top: 0.2rem;
        left: 0.1rem;
        padding: 0.05rem 0.1rem;
        display: flex;
        justify-content: space-between;
        .fenge {
            width: 0.01rem;
            height: 0.2rem;
            background-color: #fff;
            opacity: 0.2;
        }
    }
    .bgdetail{
        width: 100%;
        height: 100%;
        background-color: rgba($color: #000000, $alpha: 0.6);
        padding: 0 0.12rem;
        .detailtitle {
            font-size: 0.17rem;
            line-height: 0.7rem;
            text-align: center;
            color: white;
        }
        .detailcontent{
            overflow-y: auto;
            height: calc( 100% - 0.7rem );
            .gecizhuanpan{
                height: 5.8rem;
                .logo{
                    img{
                        width: 0.2rem;
                        height: 0.2rem;
                        border-radius: 50%;
                    }
                    >span{
                        color: white;
                        letter-spacing: 2px;
                        font-size: 0.14rem;
                        font-weight: 300;
                        padding-left: 0.04rem;
                    }
                }
                .zhuanpan{
                    background-color: rgba($color: #aaa, $alpha: 0.1);
                    width: 2.7rem;
                    height: 2.7rem;
                    border-radius: 50%;
                    margin: 0.75rem auto 0.3rem;
                    padding: 0.08rem;
                    position: relative;
                    .centericon{
                            position:absolute;
                            color:#fff;
                            z-index:2;
                            font-size:0.5rem;
                            left:calc( 50% - 0.25rem );
                            top:calc( 50% - 0.25rem );
                    }
                    .changpian{
                        width: 100%;
                        height: 100%;
                        background: linear-gradient(to bottom,#222, black, #222);
                        border-radius: 50%;
                        padding: 0.4rem;
                        animation: xuanzhuan 15s infinite linear;
                        animation-fill-mode: forwards;
                    }
                    .zhuanpanimg{
                        height:1.74rem;
                        width:1.74rem;
                        border-radius:50%;
                    }
                }
                .musicword{
                    height: 1rem;
                    text-align: center;
                    // overflow: hidden;
                    >div{
                        // overflow: auto;
                        .words{
                            height: 0.35rem;
                            line-height: 0.35rem;
                            margin: 0;
                            padding: 0;
                            color: #ccc;
                        }
                    }
                }
                .audios{
                    height: 0.3rem;
                    margin: 0.1rem 0.1rem 0;
                }
            }
            
            
            
        }
    }
}

@keyframes xuanzhuan {
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}